<table class="tlp-table doc-table-color">
    <thead>
    <tr>
        <th class="doc-color-name">Name</th>
        <th class="doc-color-variable">Variable</th>
        <th>Hexa code</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>
            <span class="doc-color doc-color-info"></span>Info
        </td>
        <td><code class="code-inline">$tlp-ui-info</code></td>
        <td><code class="code-inline doc-color-info-hexacode">#come-back-later</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-success"></span>Success
        </td>
        <td><code class="code-inline">$tlp-ui-success</code></td>
        <td><code class="code-inline doc-color-success-hexacode">#come-back-later</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-warning"></span>Warning
        </td>
        <td><code class="code-inline">$tlp-ui-warning</code></td>
        <td><code class="code-inline doc-color-warning-hexacode">#come-back-later</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-danger"></span>Danger
        </td>
        <td><code class="code-inline">$tlp-ui-danger</code></td>
        <td><code class="code-inline doc-color-danger-hexacode">#come-back-later</code></td>
    </tr>
    </tbody>
</table>
